<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<link href='http://fonts.googleapis.com/css?family=roboto|Libre+Baskerville' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/mobiles.css" />
</head>
<body>
<div id="invisible"></div>
<div id="settingsSection">
	<ul>
		<li id="menuHome">Home</li>
		<li id="menuStopSync">Stop Sync</li>
		<li id="menuLogout">Logout</li>
	</ul>
</div>
<div id = "head">
	<span id="headTitle"><img src="images/head.png" alt="Title"></span>
	<span id="headSetting"><img src="images/settings.png" alt="Settings"></span>
</div>
<div id="cont">
<div id = "prof">
	<img class="pImg" src = "images/no_profile.jpg">
	<table style=" float: right; text-align: center">
		<tr>
			<td colspan="2"><span class="headText" id="profileName">-- -- --</span></td>
		</tr>
		<tr class = "diff">
			<td class="desc">Age</td><td id="profAge">-- Years</td>
		</tr>
		<tr class = "diff">
			<td class="desc">Gender</td><td id="profGen">--</td>
		</tr>
		<tr class = "diff">
			<td class="desc">Blood Group</td><td id="profBlood">--</td>
		</tr>
		<tr class = "diff">
			<td class="desc">Ethnicity</td><td id="profEth">--</td>
		</tr>
	</table>
	<br style="clear:both">
</div>
<div id="content">
	<div class="valRow">
		<div class="valCol">
		<table class="valTable">
		<tr>
				<td class="vitalsDesc">
					<span class="headText">Bio-Sensor</span>
					Select your Bio-Sensor module to be monitored</td>
		</tr>
		<tr>
				<td>
					<select id="bioDecide">
						<option value="--">--</option>
						<option value="BH BH355664">BH BH355664</option>
						<option value="BJ fdDFGGGb">BJ fdDFGGGb</option>
					</select>
				</td>
		</tr>
		</table>
		</div>
		<div class="valCol">
		<table class="valTable">
		<tr>
				<td class="vitalsDesc">
					<b>Note:</b> Switch on your Bio-Sensor and pair it to this device
				</td>
		</tr>
		</table>
		</div>
	</div>
</div>
</div>
<script type="text/javascript">
startUp();
function startUp(){
	 var bioS = Android.selectBio();
	 var bioNames = new Array();
	 bioNames = bioS.split(",");
	 $('#bioDecide').html("<option value=\"def\">--</option>");
	 if(bioNames.length>1){
	 	for(var i=0; i<bioNames.length; i++){
		 	if(bioNames[i] != "null"){
			 	var temp = $('#bioDecide').html();
			 	$('#bioDecide').html(temp+"<option value=\""+bioNames[i]+"\">"+bioNames[i]+"</option>");
		 	}
	 	}
	}
	 else{
		 $('#bioDecide').html("<option value=\""+bioNames[0]+"\">"+bioNames[0]+"</option>");
		 bioChanged();
	 }
 }
$('#bioDecide').change(function(){
	bioChanged();
});
function bioChanged(){
	 var value = $('#bioDecide').val();
	 Android.changeBio(value);
}
</script>
</body>
</html>